<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!-- Import Vue 3 -->
    <script src="https://cdn.staticfile.net/vue/3.2.24/vue.global.js"></script> <!-- Import style -->
    <link rel="stylesheet" href="https://cdn.staticfile.net/element-plus/2.5.1/index.css">
    </link>
    <!-- Import component library -->
    <script src="https://cdn.staticfile.net/element-plus/2.5.1/index.full.js"></script>
    <style>
        .c1{
            background-color: #79bbff;
        }
        .c2{
            background-color: #c6e2ff;
        }
    </style>
<body>
    <div id="app">
        <div class="common-layout">
            <el-container>
            <el-header>Header</el-header>
            <el-container>
                <el-aside width="200px">Aside</el-aside>
                <el-container>
                <el-main>Main</el-main>
                <el-footer>Footer</el-footer>
                </el-container>
            </el-container>
            </el-container>
        </div>    
    </div>
</body>
<script>

    let config = {
        data() {
            return {
                visible: false
            }
        }
    }
    let app = Vue.createApp(config);
    app.use(ElementPlus);
    app.mount('#app');
</script>

</html>